
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0;} 
.clearfloat{zoom:1;} 

.onlineClass{
    width: 1240px;
    margin: 0 auto;
    .search-box{       
        padding:30px 0 ;
        height: 30px;
        .txt{
            color: #999;
            font-size: 12px;
            padding-left: 15px; 
            width: 250px;
            height: 100%; 
            box-sizing: border-box;  
            float: right;
        }
        .btn{
            height: 100%;
            background-color: #ff3030;
            font-size: 14px;
            color: #fff;
            line-height: 30px;
            text-align: center;
            width: 105px;
            float: right;
            border: none;
        }
    }
    /* 搜索按钮 */
    
    .search-condition{
        .head{
            background-color: #f2f3f2;
                font-size: 12px;
            height: 38px;
            border-right: 1px dashed #d9d9d9;
            line-height: 38px;
            h1{
                width: 130px;
                text-align: center;
                height: 100%;
                float: left;
                font-size: 12px;
                position: relative;
                a{
                    padding: 3px 7px;
                    background-color: #fff;
                }
                i{
                    position: absolute;
                    right: 12px;
                    color: #666;
                }
            }
            ul{
                float: left;
                width: 1239-130px;
                .fl{
                    padding-left: 25px;
                    float: left;
                }
                .fr{
                    float: right;
                    margin-right: 35px;
                    color: #ff3030;
                    cursor: pointer;
                }
            }
        }
        .condition-list{
                font-size: 12px;
                background-color: #fff;
            ul{
                border-bottom: 1px solid #D9D9D9;
                height: 38px;
                line-height: 38px;
                color: #666;
                position: relative;
                h1{
                    font-size: 12px;
                    width: 130px;
                    text-align: center;
                    height: 100%;
                    float: left;
                    border-right: 1px dashed #d9d9d9;
                }
                li{
                    float: left;
                    width: (1239-130)/6px;
                    box-sizing: border-box;
                    padding-left: 25px;
                    cursor: pointer;
                }
                .more{
                    position: absolute;
                    padding-left: 15px;
                    right: 15px;
                    color: #ff001a;
                    width: auto;
                    background: url(../img/arrow-b.png)no-repeat;
                    background-position: center left;
                }
            }
        }
    }
    
    /* 搜索条件 */
   
   .search-list{
       margin-top: 25px;
       .head{
           width: 100%;
           height: 60px;
           line-height: 60px;;
           font-size: 14px;
           .fl{
               float: left;
               color: #666;
           }
           .fr{
               float: right;       
               margin-right: 20px;
               color: #ff3030;
               cursor: pointer;
           }
       }
       .list{
           .item{
               float: left;
               background-color: #fff;
               width: 295px;
               margin-left: 20px;
               &:first-child{
                   margin-left: 0;
               }
               .pto{
                   width: 100%;
                   height: 165px;
                   position: relative;
                   li{
                       width: 100%;
                       height: 100%;
                       img{
                           width: 100%;
                           height: 100%;
                           display: block;
                       }
                   }
                   .video{
                       width: 42px;
                       height: 42px;
                       position: absolute;
                       left: 10px;
                       bottom: 10px;
                   }
                   .time{
                       font-size: 14px;
                       color: #fff;
                       position: absolute;
                       bottom: 10px;
                       right: 10px;
                       background-color: #3f4447;
                       width: 50px;
                       height: 24px;
                       text-align: center;
                       line-height: 24px;
                       letter-spacing: 1px;
                   }
               }
               .tit{
                   font-size: 16px;
                   color: #333;
                   padding-left: 16px;
                   margin: 15px 0;
                   width: 220px;
                   overflow: hidden;
                   text-overflow:ellipsis; 
                   white-space:nowrap;
               }
               .desc{
                   padding: 0 15px 10px;
                   .fl{
                       float: left;
                       font-size: 14px;
                       color: #999;
                   }
                   .fr{
                       font-size: 14px;
                       color: #06a047;
                       float: right;
                   }
               }
           }
       }
       
    
   }
   /* 搜索列表 */
  
    #laypage{
        text-align: center;
        margin: 30px auto;
    }
  
  
}
